<html>
<script src="jquery-2.1.3.js"></script>
<script src="jquery-ui.js"></script>
<script src="niceforms.js"></script>
<script src="jquery.jclock-1.2.0.js"></script>
<script src="ddaccordion.js"></script>
<script src="smooth-Div-Scroll/js/jquery.smoothdivscroll-1.3-min.js"></script>
<script src="smooth-Div-Scroll/js/jquery.kinetic.js" type="text/javascript"></script>
<script src="smooth-Div-Scroll/js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="jquery.validate.js"></script>
<script src="additional-methods.js"></script>
<script src="coin-slider.js"></script>
<link rel="stylesheet" type="text/css" href="coin-slider-styles.css"/>
<link rel="stylesheet" type="text/css" href="css/niceForm/niceforms-default.css"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="Stylesheet" type="text/css" href="smooth-Div-Scroll/css/smoothDivScroll.css" />


<head>
    <title>MANA | PANIFICADORA INDUSTRIAL</title>
</head>
<body>
<div id="main_container">

    <div class="header">
       <div class="logo"><a href="#"><img src="img/images/diseno_logo1.jpg" alt="" title="" border="0" /></a></div>
       <div class="logo"><a href="#"><img src="img/images/animacion3.jpg" alt="" title="" border="0" /></a></div>
        <div class="jclock"></div>
    </div>

    <div class="main_content">

        <div class="menu">
            <ul>
                <li><a id="principal_link" class="current" href="#">Inicio</a></li>
                <li><a>Historia<!--[if IE 7]><!--></a><!--<![endif]-->

                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="historia_link" href="#" title="">la historia </a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a>Mision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="mision_link"href="#" title="">mision de la empresa</a></li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a>Vision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="vision_link"href="#" title="">la vision de la empresa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a id="vision_link"href="#">Administracion<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>

                        <li><a id="login_link"href="#"class="sub1" href="" title="">Introducir el Password<!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]>
                            <table>
                                <tr>
                                    <td><![endif]-->
                            <!-- <ul>
                            <!--  <li><a href="../index.php/admin" title="">ADMINISTRADOR</a></li>
                            <!--  <li><a href="../index.php/operador" title="">USUARIO</a></li>


                       <!--// </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <!------- compra----->
                <li><a id="vision_link"href="#">Compra<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>

                        <li><a id="pago_tarejeta_link"href="#"class="sub1" href="" title="">desea comprar?<!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]>
                            <table>
                                <tr>
                                    <td><![endif]-->

                        </li>


                    </ul>

                </li>

                <li><a>Ubicacion<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]>
                    <table>
                        <tr>
                            <td><![endif]-->
                    <ul>
                        <li><a id="mapita_link"href="#" title="">Mapa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>

                <!--[if lte IE 6]></td></tr></table></a><![endif]-->

                <li><a id="contact_link" href="#">Contactos</a></li>
            </ul>
        </div>

        <div class="center_content">
            <div class="left_content">
                <div class="sidebarmenu">
                    <a class="menuitem submenuheader" href="">Registrar</a>

                    <div class="submenu">
                        <ul>
                            <li id="LiClient"><a href="#" id="cliente_link"> Cliente</a></li>
                            <li id="Liprod_ajeno"><a href="" id="producto_link"> Producto Ajeno</a></li>

                            <li><a id="tipo_servicio_link" href="#">Servicios de matenimiento</a></li>
                        </ul>
                    </div>

                    <a class="menuitem submenuheader" href="">Hornos</a>

                    <div class="submenu">
                        <ul>
                            <li><a id="horno_rotatibo_link" href="#"> Rotatibo Rot_30</a></li>

                            <li><a id="rota_junior_link" href="#">Rotatibo junior hhh</a></li>
                            <li><a id="turbo_link" href="#">Turbo</a></li>
                        </ul>
                    </div>
                    <a class="menuitem submenuheader" href="">Amasadoras</a>

                    <div class="submenu">
                        <ul>
                            <li><a id="aspiralgrande_link" href="#"> Aspiral Grnde</a></li>

                            <li><a id="aspiralmediano_link"href="#">Aspiral Mediano</a></li>
                            <li><a id="aspiral_link"href="#">Aspiral </a></li>

                        </ul>
                    </div>
                    <a class="menuitem submenuheader" href="">Divisoras</a>

                    <div class="submenu">
                        <ul>
                            <li><a id="divisora_link"href="#"> Comperestal</a></li>

                        </ul>
                    </div>
                    <a class="menuitem submenuheader" href="">COMPLEMENETOS</a>

                    <div class="submenu">
                        <ul>
                            <li><a id="carro_enfriador_link"href="#">carro enfriador </a></li>

                            <li><a id="mesa_link"href="#">mesas de trabajo</a></li>

                            <li><a id="fermentador_link"href="#">camara de fermentacion</a></li>
                            <li><a href="">bandejas normales y honduladas</a></li>
                        </ul>
                    </div>


                </div>
                <div class="NFTextareaRight_blue"><h2>Contactos<br>Telefono : (591)(04)4257566<br>Cochabamba - Bolivia
                    </h2>
                </div>

                <div>
                    <td>
                        <div id="small-coin-slider">
                        <a  href="#"><img src="img/images/taller.jpg" /></a>

                            <a  href="#"><img src="img/images/MANA_logo.jpg" /></a>
                            <a  href="#"><img src="img/images/foto_1.jpg" /></a>
                            <a  href="#"><img src="img/images/foto_2.jpg" /></a>
                            <a  href="#"><img src="img/images/foto_3.jpg" /></a>
                        </div>
                    </td>
                </div>
            </div>
            <div class="right_content">
            </div>
            <div class="clear"></div>

        </div>
    </div>
    <!--end of main content-->


   <div class="footer">

           <div class="left_footer">HORNOS INDUSTRIAL | PANIFICACION MARCO<a href="http://indeziner.com">Tec.MANA</a>
           </div>
       <font color=#FFFFFF>
       <marquee>
           <center>FABREICA DE HORNOS INDUSTRIALES PARA LA PANADERIA Y SU IMPLEMENTO</center>
       </marquee></font>
   </div>


</body>
</html>

<script type="text/javascript">
    ddaccordion.init({
        headerclass: "submenuheader", //Shared CSS class name of headers group
        contentclass: "submenu", //Shared CSS class name of contents group
        revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
        mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
        collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
        defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
        onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
        animatedefault: false, //Should contents open by default be animated into view?
        persiststate: true, //persist state of opened contents within browser session?
        toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
        togglehtml: ["suffix", "<img src='img/images/plus.gif' class='statusicon' />", "<img src='img/images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
        animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
        oninit: function (headers, expandedindices) { //custom code to run when headers have initalized
            //do nothing
        },
        onopenclose: function (header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
            //do nothing
        }
    });
    function load_content(pageName) {
        console.log('loading page: ' + pageName);
        $('.right_content').load(pageName);
    };

    $(document).ready(function () {
        $('.jclock').jclock();

            $('#small-coin-slider').coinslider(
                {
                    links:false,
                    delay:2000,
                    width:150,
                    height:150
                });


        $('#principal_link').click(function () {
            load_content('principal');
            return false;
        });

        $('#historia_link').click(function () {
            load_content('historia_mana');
            return false;
        });

        $('#mision_link').click(function () {
            load_content('mision');
            return false;
        });

        $('#vision_link').click(function(){
            load_content('vision');
            return false;
        })

        $('#mapita_link').click(function(){
            load_content('mapita');
            return false;
        })
        $('#contact_link').click(function(){
            load_content('contact');
            return false;
        })
        //$('#contact_link').click(function(){
          //  load_content('contact');
            //return false;
        //})
        $('#login_link').click(function(){
            load_content('login');
            return false;
        })
        $('#cliente_link').click(function(){
            load_content('cliente');
            return false;
        })
        $('#producto_link').click(function(){
            load_content('producto_ajeno');
            return false;
        })
        $('#tipo_servicio_link').click(function(){
            load_content('tipo_servicio');
            return false;
        })
        $('#horno_rotatibo_link').click(function(){
            load_content('horno_rotatibo');
            return false;
        })
        $('#rota_junior_link').click(function(){
            load_content('rota_junior');
            return false;
        })
        $('#turbo_link').click(function(){
            load_content('turbo');
            return false;
        })
        $('#aspiralgrande_link').click(function(){
            load_content('aspiralgrande');
            return false;
        })
        $('#aspiralmediano_link').click(function(){
            load_content('aspiralmediano');
            return false;
        })
        $('#aspiral_link').click(function(){
            load_content('aspiral');
            return false;
        })
        $('#divisora_link').click(function(){
            load_content('divisora');
            return false;
        })
        $('#carro_enfriador_link').click(function(){
            load_content('carro_enfriador');
            return false;
        })
        $('#mesa_link').click(function(){
            load_content('mesa');
            return false;
        })
        $('#fermentador_link').click(function(){
            load_content('fermentadora');
            return false;
        })
        $('#pago_tarejeta_link').click(function(){
            load_content('pago_tarejeta');
            return false;
        })
    });




</script>
